<template>
  <div class="shouye">
    <div class="shouye-div">
      <div class="shouye-title">
        <b>培训管理系统</b>
      </div>
      <div  class="shouye-bom">
        <b> 培训管理系统</b>

      </div>
      <div class="shouye-zhong">
        <img src="../assets/image/pingbbj.jpg" alt="">
      </div>
      <div class="el-login-footer">
        <span>培训管理系统</span>
      </div>
<!--      <div>-->
<!--        <b>河南平宝煤业有限公司</b>-->

<!--      </div>-->
<!--      <p>物资管理信息系统</p>-->

    </div>
  </div>
</template>

<script>


export default {
  name: 'Index',
  components: {

  },
  data() {
    return {

    }
  },
  methods: {

  }
}
</script>

<style lang="scss"  >

  .shouye {
    width: 100%;
    height: 100%;
    .shouye-div {
      width: 100%;
      .shouye-title {
        height: 80px;
        width: 100%;
        font-size: 25px;
        color: #88777B;
        line-height: 80px;
        padding-left: 50px;
      }
      .shouye-zhong {
        width: 100%;
        height: 500px;
        margin: auto;
        background: #cccccc;
         img {
           display: block;outline: none;border:0;height: 100%;width: 100%;
         }

      }
      .shouye-bom {
        height: 60px;
        width: 100%;
        font-size: 18px;
        color: #88777B;
        line-height: 60px;
        padding-left: 50px;
      }

    }
    .el-login-footer {
      height: 40px;
      line-height: 40px;
      position: fixed;
      background: #cccccc;
      bottom: 0;
      width: 100%;
      text-align: left;
      padding-left: 50px;
      color: #88777B;
      font-family: Arial;
      font-size: 12px;
      letter-spacing: 1px;
    }

  }

</style>
